@charset "UTF-8";
/* Scss Document */
@import url(//picture.youth.cn/images/20200727_youth_base.jpg.css);
/*学联官网css*/
img{
  width:100%;
}
select,a,button,input,img,div,li
{
  outline: none;
}

/*头部banner-LOGOcss*/
.header {
  position: relative;}
.header .header-first {
    position: absolute;
    width: 100%;
    z-index: 10;}
.header .header-logo {
      position: absolute;
      width: 380px;
      left: 60px;
      top: 40px;
      z-index: 888;
    }
      @media screen and (max-width: 1400px)
{
   .header .header-logo {
          width: 280px;
          left: 25px;} 
        }
 @media screen and (max-width: 1280px) {
     .header .header-logo {
          width: 240px;
          left: 25px;
        } 
 }
  @media screen and (max-width: 1100px) {
     .header .header-logo {
          width: 220px;
          left: 25px;
        } 
 }
    
      .header .header-first .header-logo {
        display: block;}
      .header .header-first .header-logo img {
        width: 100%;}
.m-header-icon
{
  display: none;
}
/*头部banner-导航css*/
.m-header-menu
{
  display: none;
}
.header-first .header-menu .mainnav{
      float: right;}
.header-first .header-menu {
  float: right;
  display: block;
	padding-right: 35px;
      padding-top: 47px;
      padding-bottom: 30px;
}
.header-first .header-menu * {
  box-sizing: border-box;
}

.header-first .header-menu .header-menu-nav {
 border-radius: 60px;  padding: 0px 25px; 
    background: rgba(66, 66, 66, 0.35);
    float: left;
}


.header-first .header-menu .header-menu-nav .mainnav .ul-list > li {
  
  position: relative;
  float: left;
}
.header-first .header-menu .header-menu-nav .mainnav .ul-list > li:after {
  content:"";
	width: 0px; 
	border-right: 1px solid #fff;
	height: 35px;
	position: absolute;right: 0px;
	top:13px;
	
}
.header-first .header-menu .header-menu-nav .mainnav .ul-list > li:last-child:after {
border-right: 0px solid #fff;
}
.header-first .header-menu .header-menu-nav .mainnav .ul-list > li:last-child {
  border-right: none;
}
.header-first .header-menu .header-menu-nav .mainnav .ul-list > li > a {
  height: 60px;
  font-size: 16px;
	line-height: 60px;
  text-decoration: none;
  color: #fff;
	padding: 0px 35px;

}
.header-first .header-menu .header-menu-nav .mainnav .ul-list > li > a:hover { color: #00dcff;}


.header-first .header-menu .header-menu-nav .mainnav .ol-list {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 999;
  background: rgba(66, 66, 66, 0.35);
  width: 100%;
  border-top: solid 1px rgba(255, 255, 255, 0.23);
}
.header-first .header-menu .header-menu-nav .mainnav .ol-list > li 
{
  text-align: center;
}
.header-first .header-menu .header-menu-nav .mainnav .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 50px;
	padding: 3px 0px;
  display: block;
 text-align: center;
 line-height: 50px;
 
}

.header-first .header-menu .header-menu-nav .mainnav .ol-list > li > a {
  border-bottom: 1px solid #fff;
  margin: 0px 30px;

}
.header-first .header-menu .header-menu-nav .mainnav .ol-list  li:last-child > a 
{
  border-bottom: 0px solid #fff;
}
.header-first .header-menu .ul-list .icon_jiantou
{
  display: none;
}

/*移动端导航样式*/
.header-first.active
{
    width: 100%;
    position: absolute;
    background-color: rgba(12, 12, 12, 0.9);
    z-index: 999;
}
.header-first.active .header-menu
{
  padding:0px;
  float: none;
  width: 100%;
}
.header-first.active .header-menu .header-menu-nav
{
    border-radius: 0px;
    padding: 0px;
    width: 100%;
}
.header-first.active .header-menu .header-menu-nav .mainnav
{
  width: 100%;
}
.header-first.active .header-menu .header-menu-nav .mainnav .ul-list  li
{
  width: 100%;
      position: relative;
    line-height: 46px;
    color: #fff;
    text-align: center;
} 
.header-first.active .header-menu .header-menu-nav .mainnav .ul-list  li .iconfont
{
  display: block;
}
.header-first.active .header-menu .header-menu-nav .mainnav .ul-list > li  a
{
      color: #fff;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 3em !important;
    font-size: 18px;
     height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-first.active  .header-menu .header-menu-nav .mainnav .ol-list
{
  top: unset;
  left: unset;
  margin: unset;
  width: 100%;
  position: relative;
  background:unset;
      border-top: solid 0px rgba(255, 255, 255, 0.23);
}
.header-first.active .header-menu .header-menu-nav .mainnav .ul-list  ol li a
{
    display: block;
    color: #fff;
    line-height: 3em !important;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-first.active
{
  display: block;
}
.header-first.active .header-menu .ul-list li .icon_jiantou
{
  display: block;
      position: absolute;
    right: 4%;
    top: 10px;
    width: 32px;
    height: 32px;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.header-first.active .mainnav .ul-list  li .active_menu .rote_icon
{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}
.header-first.active .header-menu .header-menu-nav .mainnav .ul-list > li:after
{
height: 0px;
}
/*移动端导航样式*/
/*移动头部*/
 @media screen and (max-width: 1000px) { 
  .m-back-con
  {
    background: rgba(12, 12, 12, 0.9);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
  }
  .header-first
  {
    display: none;
  }
  .m-header-menu
  {
    display: block;
  }
 

.m-header-menu
{
  width: 100%;
  background-color: #c02b28;
  height: 48px;
  position: relative;
}

.m-header-icon 
{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2%;
  top:13px;
  
}

.m-header-icon span
{
  font-size: 20px;
  color:#fff;
}

 .m-header-menu-content
 {
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999;
  
 }
 .m-header-menu-content ul>li
 {
  position: relative;
  line-height: 46px;
  color: #fff;
  text-align: center;
 }
  .m-header-menu-content ul>li p a
 {
      color: #fff;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 3em !important;
    font-size: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 .m-header-menu-content ul li ol li  a:hover,.m-header-menu-content ul .none_item a:hover
 {
  background-color: #fff;
  color: #c51d1d;
  opacity: 1;
  border-top: 2px solid #d18e59;
 }
   .m-header-menu-content ul>li .add_item  span
 {
    position: absolute;
    right: 4%;
    top: 10px;
    width: 32px;
    height: 32px;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 32px;
 }  
   .m-header-menu-content ul>li .add_item.active_item a
   {
    background-color: #fff;
    color: #c51d1d;
      border-top: 2px solid #d18e59;
   }
   .header .m-header-icon.active
   {
    z-index: 999;
   }
   .header .m-header-icon.active .iconxuanxiang
   {
    font-size: 16px;
    font-weight: bold;
   }
   .header .m-header-icon.active .iconxuanxiang:before
   {
    content: "\e713";
   }
  .m-header-menu-content ol li a
      {
       display: block;
       color: #fff;
       line-height: 3em !important;
       font-size: 14px;
       color: #fff;
       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      }
      .m-header-menu-content ul>li .active_menu .rote_icon
      {
        transform: rotate(180deg);
        -webkit-transform:rotate(180deg);
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
      }

}
/*移动头部*/
/*头部banner-图片css*/
.jyqn_more_pc
{
display: block;position: absolute;right: 0px;
}
   .header .header-second {
    position: relative;
    z-index: 0;}
    .header .header-second .slick-list li {
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover;
      position: relative;}

      .header .header-second .slick-list li h3 {
        font-size: 40px;
        color: #fff;
        position: absolute;
        bottom: 15%;
        line-height: 1.5em;
        text-shadow: 2px 2px 0px #000;
        text-align: right;
        width: 1200px;
        right: 50%;
        margin-right: -600px;
       max-width: 1100px;
      }
      .header .header-second .slick-list li h3 a
{
 color:#fff;
}
   .header .header-second .slick-dots {
    position: absolute;
    bottom: 15%;
    text-align: left;
    z-index: 1000;
    width: 1200px;
    left: 50%;
    margin-left: -645px;}
  

    .header .header-second .slick-dots li {
     
       position: relative;
    display: inline-block;
    height: 26px;
    width: 26px;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
    list-style-type: none;
    }
    .header .header-second .slick-dots li button {
     
        border: 0;
    background: 0 0;
    display: block;
    height: 26px;
    width: 26px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    outline: none;
     }
    .header .header-second .slick-dots li button:before
    {
      position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 26px;
    height: 26px;
    font-family: slick;
    font-size: 62px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    }
    .header .header-second .slick-dots  li.slick-active button:before {
       color:#00dcff;
     }
 @media screen and (max-width: 1400px)
{
 
   .header .header-second .slick-dots {
     position: absolute;
    bottom: 15%;
    left: 2%;
    text-align: left;
    z-index: 1000;
   width:auto;
   margin-left: auto;
   }
   .header .header-second .slick-list li h3
   {
    width: auto;
    max-width: 80%;
    margin-right: auto;
    right: 5%;
    font-size: 30px;
   }
}
      @media screen and (max-width: 1000px)
 {
  .jyqn_more_pc
{
  display: block;
    position: absolute;
    right: 0px;
    font-size: 16px;
    top: 10%;
}
.jyqn_more_pc  a
{
   color: red;
}
    .m-header-icon
  {
      display: block;
  }
   .header .header-logo {
  position: absolute;
  width:120px;
  left: 3%;
  top: 8px; 
  z-index: 1000;
   }
  .header .header-second .slick-list li h3
   {
    font-size: 26px;
  
   }
   .header .header-second .slick-dots li
   {
     height: 0.35rem;
     width: 0.35rem;
     margin: 0 2px;
   }
   .header .header-second .slick-dots li button
   { height: 0.35rem;
     width: 0.35rem;

   }
    .header .header-second .slick-dots li button:before
    {
       width: 0.35rem;
    height: 0.35rem;
    font-size: 0.7rem;
    line-height:0.35rem;
    }
 }
   @media screen and (max-width: 768px)
   {
 .header .header-second .slick-list li h3
   {
    font-size: 16px;
    line-height: 20px;
     text-shadow: 1px 1px 0px #000;
   }
   }
/*页面栏目-css*/
.content .section_1 .column,.content .section_2 .column,.content .section_3 .column{  margin-top: 20px;
    margin-bottom: 40px;
    line-height: 1.5em;
	 position: relative;
	width: 100%;
	height: 25px;
border-bottom: #d8181b 1px solid;
   }

.content .section_1 .column .columnpic {
	width: 450px;
	height: 50px;
	position:absolute;
left:50%;
margin-left:-225px; 
	}

.content .section_2 .column .columnpic2 {
	width: 156px;
	height: 50px;
	position:absolute;
    left:50%;
    margin-left:-78px; 
	}
.content .section_3 .column .columnpic3 {
	width: 190px;
	height: 50px;
	position:absolute;
    left:50%;
    margin-left:-95px; 
	}


/*第一部分-寄语青年css*/
.content .section_1 {
    position: relative;
    z-index: 1;
    padding-bottom: 30px;overflow: hidden;
}

.content .section_1 .newslist{ width: 40%;
	float: left;margin-top: 20px; padding-left:4%;padding-right:6%;}

 @media screen and (max-width: 1000px) { 
		.content .section_1 .newslist{ width: 100%;
	}
}
      
.content .section_1 .newslist li{ font-size:16px; line-height:34px; margin: 3px 0px; position: relative; } 
.content .section_1 .newslist li b{ white-space: nowrap;
      margin-right: 8px;margin-top: 12px;
      width: 8px;
      height: 8px;
      background: #fa3737;
      border-radius: 50%; 
	  float: left;
	position: absolute;
	left: -20px;
	} 
.content .section_1 .newslist li  a{ display: block; } 
.content .section_1 .newslist li  a:hover{ text-decoration: underline;} 


  @media screen and (max-width: 768px)
  {
    .content .section_1 .column
    {
          border-bottom: #d8181b 0px solid;
              margin-bottom: 10px;
              height: auto;

    }
     .content .section_1 .column .columnpic
     {
      width:80%;
      height: auto;
      left: auto;
      margin-left: auto;
       position: unset;
       margin:0 auto;
     }
    
     .content .section_1 .newslist li
     {
      line-height: 26px;
      font-size: 16px;
     }
     .content .section_1
     {
      padding-bottom:0px;
     }

  }
/*第二部分-历次大会css*/
.content .section_2 {
    position: relative;
    z-index: 1;
}
.content .section_2 .section_bgk {width:100%; position: relative;
    z-index:-100; }
 .content .section_2 .section2_bgk_left 
    {
      display: block;
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom:0;
      border-style: solid;
      border-color: transparent transparent #fef6e9 transparent;
      z-index: -100;
      opacity: 1;
    
    }
   .content .section_2 .section2_bgk_right
    {
      display: block;
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: 0px;
      bottom: 0;  
      border-style: solid;
      border-color: transparent transparent #fbece9 transparent; 
      z-index: -100;
      opacity: 0.8;
    }

.content .section_2 .metting_box {width:100%; margin:5% auto 0; padding-bottom: 1rem; } 
.content .section_2 .metting_box .metting_time{ width:70%; margin:0 auto; box-sizing: border-box;}

.content .section_2 .metting_box .metting_time .yearList:after{
    content: "";
    display: table;
    clear: both;
}
.content .section_2 .metting_box .metting_time .yearList li{
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 21px;
	color: #949393;
	  flex: 1;

    padding: 20px 0px;
}

.content .section_2 .metting_box .metting_time .year-dot{
   width: 18px;
height: 18px;
border-radius: 9px;
background-color: #f4c5bd;
margin: 6px auto;
display: block;

}
.content .section_2 .metting_box .metting_time .dotted-line{
    border-bottom: solid 2px #f4c5bd;
    position: relative;
    top:-36px;
    z-index: -1;
	width:100%; 
}
.content .section_2 .metting_box .metting_time .yearList .year-active{
    color: red;transition: all .3s;cursor:pointer;
vertical-align:middle;
}
.content .section_2 .metting_box .metting_time .yearList li.slick-current
{
    transition: all .3s;
}
.content .section_2 .metting_box .metting_time .yearList li.slick-current:hover{

    -webkit-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25);
}
.content .section_2 .metting_box .metting_time .yearList li.slick-current{
   color: red;

}
.content .section_2 .metting_box .metting_time .yearList li.slick-current i
{
      background-color: red;
}
.content .section_2 .metting_box .metting_text{ width:70%; margin:0 auto; }
.content .section_2 .metting_box .metting_text h2{ font-size: 32px; line-height: 3.8em; text-align: center;}
@media screen and (max-width: 768px) {.content .section_2 .metting_box .metting_text h2{ font-size: 22px;}}
	

.content .section_2 .metting_box .metting_text h2 a{  color:#d8181b; }
.content .section_2 .metting_box .metting_text h2 a:hover{text-decoration: underline; } 
.content .section_2 .metting_box .metting_text p{ text-align:left; font-size: 16px; line-height: 1.8em;}
.content .section_2 .metting_box .metting_text p a{ color:#ff4545; }
.content .section_2 .metting_box .metting_text p a:hover{ text-decoration: underline; }


 @media screen and (max-width: 768px)
  {

    
.content .section_2 .column .columnpic2
     {
      
      height: auto;
      left: auto;
      margin-left: auto;
       position: unset;
       margin:0 auto;
       text-align: center;
     } 
     .content .section_2 .column .columnpic2 img
     {
      width: 80%;
     }
     .content .section_2 .newslist
     {
      margin-top:0px;
     }
     .content .section_2 .newslist li
     {
      line-height: 26px;
      font-size: 14px;
     }
     .content .section_2 .metting_box .metting_text h2
     {
      line-height: 32px;
      padding-bottom: 10px;
     }
     .content .section_2 .metting_box .metting_time,.content .section_2 .metting_box .metting_text
     {
      width: 100%;
     }
  }
/*第三部分-数说学联css*/
.content .section_3 {
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
	overflow: hidden;
}

.content .section_3 .numeral_img{  width: 100%;padding-top: 30px;
}
.content .section_3 .numeral_img li{  
	width: 28.3%;
float: left;
padding-left: 3%;
padding-right: 2%;cursor: pointer;}

@-moz-keyframes tada{
      0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.8) rotate(-2deg);}
    30%,50%,70%,90%{-webkit-transform:scale(0.9) rotate(1deg);}
    40%,60%,80%{-webkit-transform:scale(0.9) rotate(1deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
   }

  @-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.8) rotate(-2deg);}
    30%,50%,70%,90%{-webkit-transform:scale(0.9) rotate(1deg);}
    40%,60%,80%{-webkit-transform:scale(0.9) rotate(1deg);}
    100%{-webkit-transform:scale(1) rotate(0);}}

.content .section_3 .numeral_img li:hover{
  -webkit-animation: tada 1s .1s ease both;
  -moz-animation: tada 1s .1s ease both;
}
@media screen and (max-width: 1000px) {
	.content .section_3 .numeral_img li{  
	width: 45%;
}}
@media screen and (max-width: 640px) {
  .content .section_3 .numeral_img li{  
  width: 100%;

}
.content .section_3 .numeral_img
{
  padding-top: 0px;
}
}
.content .section_3 .numeral_img li .wrapper{ 
    padding: 20px 0;}
.content .section_3 .numeral_img li .wrapper img{ width: 83px; height: 74px; float: left;}

.content .section_3 .numeral_img li .txtwrapper{ margin-left: 100px; }

.content .section_3 .numeral_img li .txtwrapper h4 {
    font-size: 36px;
    color: #e53033;
    line-height: 1em;
    font-family: Raleway;
}
.content .section_3 .numeral_img li .txtwrapper p {
    font-size: 16px;
    color: #444;
    padding-top: 5px;line-height: 1.5em;
	font-family: "微软雅黑", "Microsoft YaHei";
}
@media screen and (max-width: 768px) {
.content .section_3 .column .columnpic3
{
  height: auto;
    left: auto;
    margin-left: auto;
    position: unset;
    margin: 0 auto;
    text-align: center;
}
.content .section_3 .column .columnpic3 img

{
  width: 80%;
}
.section_3 .column {
    border-bottom: #d8181b 1px solid;
  }
}
/*底部css*/

.footer{ position: relative; background-color: #f5f5f5;
 padding: 60px 0px 30px;overflow-x: hidden;
}
.footer .footer_top{  width: 100%; display: inline-block; }
.footer .footer_top .footer_top_left{ width: 30%;border-right:#dfdfdf 2px solid;padding-top: 20px; padding-left: 2%; display: inline-block; }
.footer .footer_top p{ font-size: 14px; line-height: 1.8em; color: #444; display: block; margin-bottom:40px;  }
.footer .footer_top .footer_top_right{  width: 66%; float: right; display: inline-block;}

.footer .footer_top .footer_top_right li{ font-size: 14px;  color: #444; display: inline-block; text-align: center; padding: 0px 5%; }
 @media screen and (max-width: 1280px) {
       .footer .footer_top .footer_top_right li{  padding: 0px 3%; }}
 @media screen and (max-width: 1000px) {
       .footer .footer_top .footer_top_right li{ width:30%; padding: 0px 1%; }
       
     }

.footer .footer_top .footer_top_right li p{  line-height: 3.8em; margin-bottom:0px;}

.footer .footer_bottom{  width: 90%; margin:0 auto; padding-top: 20px; }
@media screen and (max-width: 1000px) {
       .footer .footer_bottom{  width: 98%; }
      .footer .footer_top .footer_top_right li p {
            line-height: 26px;
        }
       
     }

.footer .footer_bottom .youth-copyright{ width:57%;display: inline-block; }
.footer .footer_bottom .youth-copyright li{ margin-right: 15px; color: #444; line-height: 1.8em;  font-size: 16px; }

.footer .footer_bottom .footer_bottom_right{ float:right; padding-right: 60px;display: inline-block; }
@media screen and (max-width: 1000px) {
  .footer .footer_bottom
  {
        
        display: inline-block;
  }
       .footer .footer_bottom .footer_bottom_right{padding-right: 0px; }}
.footer .footer_bottom .footer_bottom_right img{margin-left: 15px; }
@media screen and (max-width: 640px) 
{

  .footer
  {
    padding-top: 10px;
  }
  .footer .footer_top .footer_top_left
  {
    width:100%;
    border-right: #dfdfdf 0px solid;
  }
  .footer .footer_top .footer_top_right
  {
    width: 100%;
  }
  .footer .footer_top .footer_top_right li
  {
    width: 30%;
    padding: 0px 1%;
  }
  .footer .footer_top p
  {
    
         margin-bottom: 10px; 
  }
  .footer .footer_top .footer_top_right li p
  {
    line-height: 20px;
    padding-top: 5px;
  }
  .footer .footer_bottom .youth-copyright li
  {
    font-size: 14px;
  }
  .footer .footer_bottom
  {
        display: inline-block;
        height: auto;
  }
  .footer .footer_bottom .youth-copyright
  {
    width: 100%;
  }
  .footer .footer_bottom .footer_bottom_right
  {
    float: left;
    padding-top:20px;
  }
}
/*底部css*/